<template>
  <div class="good-list-sec">
    <van-grid class="good-list" :column-num="2" :border=false :clickable=true :center=false>
      <good-item v-for="item in dataList" :key="item.id" :data="item"/>
    </van-grid>
  </div>
</template>

<script>
  // 引入商品项组件
  import goodItem from "./goodItem";

  export default {
    name: "goodList",
    props: {
      dataList: {type: Array, default: () => []}    // 数据列表
    },
    components: {goodItem}
  }
</script>

<style lang="less" scoped>
  /* 商品列表区域 */
  .good-list-sec {
    background-color: #fff;
    width: 100%;
    padding: 10px;
  }
</style>
